<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>3-商品综合 购物车</title>
    <link rel="stylesheet" href="./css/5-结算.css">
    <script src="./js/flexible.js"></script>
    <script src="./js/better-scroll.min.js"></script>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/通用.css">

</head>

<body>
    <header>
        <div class="ding">
            <div class="ding">
                <div class="fanhui">
                    <img src="./images/矢量智能对象1@2x.png" alt="">
                </div>
                <div class="name">
                    订单结算
                </div>
            </div>
        </div>
    </header>

    <nav style="padding-top:1.29rem;">
        <div class="shangpin">
            <div class="tupian">
                <img src="./images/4-放入购物车 (1).png" alt="">
            </div>
            <div class="wenzi">
                <div class="one">
                    <div class="left">
                        莫次有机PWE活性美白洗面奶
                    </div>
                    <div class="right">
                        ￥169
                    </div>
                </div>
                <div class="two">
                    <div class="left">
                        优惠套装
                    </div>
                    <div class="right">
                        x2
                    </div>
                </div>
                <div class="three">
                    标准套装+蓝色
                </div>
            </div>
        </div>
        <div class="shangpin">
            <div class="tupian">
                <img src="./images/5-结算 (1).png" alt="">
            </div>
            <div class="wenzi">
                <div class="one">
                    <div class="left">
                        莫次有机PWE活性美白洗面奶
                    </div>
                    <div class="right">
                        ￥169
                    </div>
                </div>
                <div class="two">
                    <div class="left">
                        优惠套装
                    </div>
                    <div class="right">
                        x2
                    </div>
                </div>
                <div class="three">
                    标准套装+红色
                </div>
            </div>
        </div>
        <div class="songhuo">
            <div class="ziqu">
                <div class="left">
                    <img src="./images/5-结算 (3).png" alt="">
                    <span>门店自取</span>
                </div>
                <div class="right">
                    <span>选择门店</span>
                    <img src="./images/前进.png" alt="">
                </div>
            </div>
            <div class="wuliu">
                <div class="left">
                    <img src="./images/5-结算 (2).png" alt="">
                    <span>物流配送</span>
                </div>
                <div class="right">
                    <span>地址选择</span>
                    <img src="./images/前进.png" alt="">
                </div>
            </div>
            <div class="daigou">
                <div class="left">
                    <img src="./images/5-结算 (2).png" alt="">
                    <span>送TA人(付款后，将由对方填写地址)</span>
                </div>
            </div>
        </div>
        <div class="zhanwei">

        </div>
        <div class="jine">
            <div class="jines">
                <div class="left">
                    <span>金额</span>
                </div>
                <div class="right">
                    <span>￥338</span>
                </div>
            </div>
            <div class="yunfei">
                <div class="left">
                    <span>运费</span>
                </div>
                <div class="right">
                    <span>￥0.00</span>
                </div>
            </div>
            <div class="jifen">
                <div class="left">
                    <span>积分</span>
                </div>
                <div class="right">
                    <span>无</span>
                </div>
            </div>
            <div class="youhuiquan">
                <div class="left">
                    <span>优惠券</span>
                </div>
                <div class="right">
                    <span>无</span>
                </div>
            </div>
        </div>
        <div class="zhanwei">

        </div>
        <div class="zhifufangshi">
            <div class="weixin">
                <div class="left">
                    <img src="./images/5-结算 (5).png" alt="">
                    <span>微信支付</span>
                </div>
                <div class="right">
                    <img src="./images/5-结算 (3).png" alt="">
                </div>
            </div>
            <div class="yue">
                <div class="left">
                    <img src="./images/5-结算 (4).png" alt="">
                    <span>余额支付</span>
                </div>
                <div class="right">
                    <img src="./images/5-结算 (2).png" alt="">
                </div>
            </div>
        </div>
        <div class="zhanwei2">

        </div>
    </nav>

    <footer>
        <div class="di">
            <div class="left">

                <span>应付金额：</span> ￥338.00
            </div>
            <div class="right">
                付款
            </div>
        </div>
    </footer>
</body>
<!-- <script src="./js/3-商品综合 购物车.js"></script> -->

</html>